---
id: TASK-015
title: 'TUI: Keyboard-navigable items within panels'
status: To Do
assignee: []
created_date: '2026-06-12 04:21'
labels:
  - tui
  - feature
dependencies:
  - TASK-005
priority: high
ordinal: 15000
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
Currently panels render `Static` text — arrow keys scroll the container but don't select individual items. Upgrade content-rich panels (News, Feeds, HN, Calendar, Todos, Sports) to support item selection via up/down arrow keys when the panel is focused.

Implementation options:
- Replace `Static` in those panels with a `ListView` or `OptionList` widget where each item is selectable
- Or keep `Static` for rendering but track a `_selected_idx` in the panel and re-render with a highlighted row on arrow key events

The selected item should be visually highlighted (reverse or accent color). Selection state resets on data refresh (or preserves by title/id if feasible).

Depends on: TASK-005 (tab focus)
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #1 Up/down arrow keys move selection within a focused panel
- [ ] #2 Selected item is visually highlighted
- [ ] #3 Applicable panels: News, Feeds, HN, Calendar, Todos, Sports
- [ ] #4 Non-applicable panels (Weather, CPU, etc.) unaffected
- [ ] #5 Selection resets on page change or data refresh
<!-- AC:END -->